<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top tabs-color-active-balanced">

  <!-- index Tab -->
  <ion-tab title="首页" icon-off="ion-ios-home-outline" icon-on="ion-ios-home"  href="#/tab/index">
    <ion-nav-bar class="bar-balanced"></ion-nav-bar>
    <ion-nav-view name="tab-index"></ion-nav-view>
  </ion-tab>

  <!-- categorys Tab -->
  <ion-tab title="品类" icon-off="ion-ios-keypad-outline" icon-on="ion-ios-keypad" href="#/tab/categories">
    <ion-nav-bar class="bar-balanced" align-title="center">
    	<ion-nav-back-button></ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="tab-categories"></ion-nav-view>
  </ion-tab>
  
    <!-- me Tab -->
  <ion-tab title="我的果园" icon-off="ion-happy-outline" icon-on="ion-happy" href="#/tab/me">
    <ion-nav-bar class="bar-balanced" align-title="center">
    	<ion-nav-back-button></ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="tab-me"></ion-nav-view>
  </ion-tab>
  
    <!-- shoppingcart Tab -->
  <ion-tab title="购物车" icon-off="ion-ios-cart-outline" icon-on="ion-ios-cart" badge="cartItemCount" badge-style="badge-assertive" href="#/tab/cart">
    <ion-nav-bar class="bar-balanced" align-title="center">
    	<ion-nav-back-button></ion-nav-back-button>
    </ion-nav-bar>
    <ion-nav-view name="tab-cart"></ion-nav-view>
  </ion-tab>

  <!-- Dashboard Tab -->
  <!--<ion-tab title="Status" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong" href="#/tab/dash">
    <ion-nav-view name="tab-dash"></ion-nav-view>
  </ion-tab>-->

  <!-- Chats Tab -->
  <!--<ion-tab title="Chats" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" href="#/tab/chats">-->
  	<!--<ion-nav-view>	
  		<ion-tabs class="tabs-positive tabs-striped tabs-top">
			<ion-tab title="tab1">
	    		<ion-nav-view></ion-nav-view>
			</ion-tab>
			<ion-tab title="tab2">
				<ion-nav-view></ion-nav-view>
			</ion-tab>
			<ion-tab title="tab3">
				<ion-nav-view></ion-nav-view>
			</ion-tab>
		</ion-tabs>
  	</ion-nav-view>  -->
  <!--</ion-tab>-->

  <!-- Account Tab -->
  <!--<ion-tab title="Account" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>-->


</ion-tabs>
